Hey,
You can add a single image field to get the first preview image and then add the repeater field to get all images.
See below.
<div class="col-left">
<img class="xzoom" src="<?php the_field('preview_image'); ?>" xoriginal="<?php echo the_field('preview_image'); ?>" />
<?php
if( have_rows('main_gallery') ):
while ( have_rows('main_gallery') ) : the_row();
<div class="xzoom-thumbs">
<a href="<?php the_sub_field('image_preview') ?>">
<img class="xzoom-gallery" width="80" src="<?php the_sub_field('image_thumb'); ?>" xpreview="<?php the_sub_field('image_preview'); ?>">
</a>
</div>
<?php
endwhile;
endif;
?>
</div>
