custom field suiteのループ内にある最初の画像を取得したい

いつもお世話になっております。

表題のとおり、custom field suiteのループ内にある最初の画像を取得したいのですが、なかなかうまく表示されません。

<?php
	$fields = $cfs->get('slider');
	if( $fields ) :
		foreach ($fields as $field) :
?>
	<?php
      $attachment_id = $field['slider_img'];
	  if($attachment_id) :
	  $gazou_sp = wp_get_attachment_image_src($attachment_id,'img470x350' );
	  echo '<li><div><img src="' . $gazou_sp[0] . '" alt=""></div></li>';
	  endif;
	?>
<?php
	endforeach;
	endif;
?>

上記のコードで設定したすべての画像は表示されるのですが、最初の一枚だけ表示ができません。
category.php に　それぞれの記事のカスタムフィールドのループ内に登録した最初の画像を表示したいと考えています。
単純に foreach を外せば良いのかと思ったのですが、表示されませんでした。

<?php
	$fields = $cfs->get('slider');
	if( $fields ) :
		foreach ($fields as $field) :
		endforeach;
?>
<?php
      $attachment_id = $field['slider_img'];
	  if($attachment_id) :
	  $gazou_sp = wp_get_attachment_image_src($attachment_id,'img470x350' );
	  echo '<li><div><img src="' . $gazou_sp[0] . '" alt=""></div></li>';
	  endif;
	endif;
?>

上記のように書くと、最後の画像だけ表示されましたが、できれば最初の画像を取得したいです。
foreach をいまいち理解できていないので、ご教授頂けますようお願いします。