title: foreach inside mapping and render data
body: <p>I want to show only two data from array. datas are like this : </p>
  
  <p>0:
  name:"jan"
  url:"<a href="https://www.pet/event/imain5/" rel="nofollow noreferrer">https://www.pet/event/imain5/</a>"</p>
  
  <p>1:
  name:"willium"
  url:"<a href="https://www.pet/event/imain6/" rel="nofollow noreferrer">https://www.pet/event/imain6/</a>"</p>
  
  <p>2:
  name:"petter"
  url:"<a href="https://www.pet/event/imain7/" rel="nofollow noreferrer">https://www.pet/event/imain7/</a>"</p>
  
  <p>In my code now it shows all of the names from 0 to 2.</p>
  
  <pre><code>&lt;div&gt;
    {!!this.state.news.length &amp;&amp; (
        {this.state.news.map(name =&gt; (
          &lt;List.Item key={name.text}&gt;
            &lt;a href={name.url} target="_blank"&gt;
             {name.text}
              /&gt;
            &lt;/a&gt;
            &lt;/List.Item&gt;
        ))}
     )}
  &lt;/div&gt;
  </code></pre>
  
  <p>But I want to show first two name which will be form 0 and 1. but I dont understand how can I loop inside this map.</p>