На вскидку что-то подобное:
for (i=0; i<=5; i++) {
// В ID добавляем номер цикла
<a href="#" onclick="document.getElementById('wspok_'+i).style.display='block'; return false;" title="Всплывающее окно"> 
<div class='ram0' align='center'><img src = "<? echo $myrow['foto'] ?>"></div>
</a>
}
<!- В блок также добавляем номер цикла -->
<div id="wspok_0"> 
<?
echo "<br>".$myrow['name']."<br>";
echo '<img src="'.$myrow['foto'].'" alt="image" />';
?>
</div>
<div id="wspok_1">
<?
echo "<br>".$myrow['name']."<br>";
echo '<img src="'.$myrow['foto'].'" alt="image" />';
?>
</div>
и т.д.
если цикл WHILE:
$i=0;
while(.........) {
// здесь играем с блоками и $i
$i++;
}
ИМХО еще посоветую вместо 
<a href="#" используй 
<span ... , т.к. при большой страничке и клике по ссылке браузер срабатывает и позицианируется в начало, что неудобно если клик в был в конце странички. Дабы браузер не срабатывал и страничка не дергалась - 
<span>
а title="Всплывающее окно" перенеси в  <img src = "<? echo $myrow['foto'] ?>">
или вообще повесь событие 
onclick на изображение и 
style="cursor: pointer;"  и без span обойдешься