title: Map only a set amount of items from an array
body: <p>I am trying build a small preview section on my websites homepage that shows the first 3 items of the products page where all of the items are,  with a map function that looks like this.</p>
  <pre><code>{goldendoodles.map((goldendoodles) =&gt; (
         
            &lt;Card style={{width: '20rem'}}&gt;
            &lt;img className=&quot;cardimage&quot; src={goldendoodles.image} alt={goldendoodles.name} /&gt;
            &lt;h1&gt;{goldendoodles.name}&lt;/h1&gt;
            &lt;p&gt;{goldendoodles.price}&lt;/p&gt;
          
          
          &lt;h1&gt;{goldendoodles.description}&lt;/h1&gt;
            &lt;/Card&gt;
        ))}
      ```
  </code></pre>
  <p>Currently it's mapping all of the items as expected <br />
  I am wondering is there a way to only map a certain amount of the items in the array, instead of the whole thing?
  Thank you for your time.</p>