title: Add <hr> after every two items in Angular 2 *ngFor
body: <p>I have the following ngFor code which loop through an Object. </p>
  
  <pre><code>&lt;a *ngFor="let pictures of picturesData" href=""&gt;
    &lt;img [src]="pictures.img" alt=""&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I want to display an <code>&lt;hr&gt;</code> after every 2 <code>&lt;a&gt;</code> tags (but not after the last 2) in order to get an output something similar to the following:</p>
  
  <pre><code>&lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  &lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  
  &lt;hr&gt;
  
  &lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  &lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  
  &lt;hr&gt;
  
  &lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  &lt;a href=""&gt;&lt;img /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>How can I do this? Please help me.</p>