<style>
.page-break {
        page-break-before:always;
    }
.page-break:first-child {
         page-break-before: avoid;
    }

@page {
        size: A4;
        @bottom-center {
            content: "Page " counter(page) " of " counter(pages);
        }
    }
</style>

<apex:repeat value="{!yourList}" var="item">
  <div class="page-break" >
    <!-- Your content -->
  </div>
</apex:repeat>