Вот так:
<?php foreach( $mainpost as $i => $post ) { ?>
<?php if ($i == 1): ?>
<div class="row">
<?php endif; ?>
<?php if ($i == 0): ?>
<div class="col-12">
<?php else: ?>
<div class="col-8">
<?php endif; ?>
<?php the_post_thumbnail(); ?>
</div>
<?php } ?>
</div>
Но это, конечно, говнокод лютый, поди разберись. Правильнее будет вывести сначала 1 превью, потом вторую:
<div class="row">
<div class="col-12">
<?php foreach( $mainpost as $i => $post ): if ($i == 0):?>
<?php the_post_thumbnail(); break; ?>
<?php endif; endforeach; ?>
</div>
</div>
<div class="col-8">
<?php foreach( $mainpost as $i => $post ): if ($i > 0): ?>
<?php the_post_thumbnail(); ?>
<?php endif; endforeach; ?>
</div>