obraz echa zgodnie z warunkiem

Wynikiem Twojego kodu było umieszczenie <img> znaczniki wewnątrz atrybutu src znacznika.
To z definicji nie działa w HTML. Jeśli wszystko inne było w porządku, powinno to zadziałać:

<?php

function get_random_elements( $array,$limit = 0 ) {

    shuffle($array);

    if ( $limit > 0 ) {
        $array = array_splice($array, 0, $limit);
    }
    return $array;
}

function render_images() {
    global $stmt3;
    $output = '';

    if ($count = sqlsrv_num_rows($stmt3) > 0) {
        while ($recentBadge = sqlsrv_fetch_array($stmt3)) {
            $result[] = $recentBadge;
        }

        if ($count > 3) {
            $result = get_random_elements(result, 3);
        }

        foreach ($result as $recentBadge) {
            $output .= $recentBadge['BadgeName'];
            $output .= '<img src="' . $recentBadge['BadgeImage'] . '" alt="">';
            $output .= '<br>';
        }
    } else {
        $output = 'no results';
    }

    return $output;
}
?>

<span class="fa-stack fa-5x has-badge" >

    <div class="badgesize">

        <?php echo render_images(); ?>

    </div>

</span>

Wskazówka:postaraj się, aby kod był odseparowany, logika oddzielona od widoku.